<template>
    <view style="height:50px;">
        <view class="cu-bar foot tabbar bg-white">
            <view class="action" :class="active=='index'?'text-blue':'text-black'"
                  @click="utils.to_switch_tab('/pages/index/index')">
                <view class="iconfont icon-shouye_xuanzhong" v-if="active == 'index'"></view>
								<view class="iconfont icon-shouye_weixuan" v-if="active != 'index'"></view>
                <view>首页</view>
            </view>
            <view class="action" :class="active=='classify'?'text-blue':'text-black'"
                  @click="utils.to_switch_tab('/pages/classify/classify')">
                <view class="iconfont icon-fenlei_xuanzhong" v-if="active == 'classify'"></view>
                <view class="iconfont icon-fenlei_weixuan" v-if="active != 'classify'"></view>
                <view>分类</view>
            </view>
            <view class="action add-action" :class="active=='add'?'text-blue':'text-black'"
                  @click="utils.to_url('/pages/add/add?type=0')">
                <button class="cu-btn iconfont icon-fabu addstl"></button>
                <view></view>
            </view>
            <view class="action" :class="active=='order'?'text-blue':'text-black'"
                  @click="utils.to_url('/pages/order/order')">
                <view class="iconfont icon-dingdan_xuanzhong" v-if="active == 'order'"></view>
                <view class="iconfont icon-dingdan_weixuan" v-if="active != 'order'"></view>
                <view>订单</view>
                
            </view>
            <view class="action" :class="active=='personalcenter'?'text-blue':'text-black'"
                  @click="utils.to_switch_tab('/pages/personalcenter/personalcenter')">
                <view class="iconfont icon-wode_xuanzhong" v-if="active == 'personalcenter'"></view>
                <view class="iconfont icon-wode_weixuan" v-if="active != 'personalcenter'"></view>
                <view>我的</view>
            </view>
        </view>
    </view>
</template>
<script>
import { METHODS } from 'http'
export default {
    name: "footer-menu",
    data(){return {
        menuData:[]
    }},
    mounted() {},
    props:["active"],
    methods: {}
}
</script>
<style>
.text-black{color: #222222 !important;}
.text-blue{color: #FF9822;}
.tabbar .iconfont{font-size: 24px;padding-bottom: 4px;}
.cu-bar.tabbar .action.add-action::after{box-shadow: none;}
.cu-bar.foot{left: 0;}
.cu-bar .addstl{position: absolute;top: -3vw;left: -1.8vw;z-index: 999;color: #FF9822;font-size: 16vw;background-color: transparent;}
</style>